<template>
    <div class="wrapper">
        <v-head></v-head>
        <v-sidebar></v-sidebar>
        <div class="content">
            <transition name="move" mode="out-in">
                <router-view></router-view>
            </transition>
        </div>
    </div>
</template>

<!--js引入组件时用驼峰命名，但在html中的标签命名为‘-’隔开-->
<script>
    import vHead from './Header.vue';
    import vSidebar from './Sidebar.vue';

    export default {
        components: {
            vHead, vSidebar
        }
    }
</script>
